<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>行星游戏</title>
		<script type="text/javascript" src="js/jquery-1.9.1.js" ></script>
		<script type="text/javascript" src="js/asteroids.js" ></script>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			html,body{
				height: 100%;
				width: 100%;
			}
			canvas{
				display: block;
			}
			#myCanvas{
				background: #001022;
			}
			#myButtons{
				bottom:20px;
				left:  20px;
				position: absolute;
			}
			#myButtons button{
				padding: 5px;
			}
			#showP{
				top: 20px;
				right:  20px;
				position: absolute;
			}
		</style>
	</head>
	<body>
		<canvas id="myCanvas"  width="600" height="400">
		</canvas>
		<div id="showP"></div>
		<div id="myButtons">
			<button id="startAnimation">Start</button>
			<button id="stopAnimation">Stop</button>
		</div>
	</body>
</html>
